#set(seoTitle="ChoxSu博客社区")
#@layout()
#define main()
<!-- 轮播-->
<div class="layui-carousel" id="imgBroadcast">
    <div carousel-item>
        <div><a href=""><img src="https://goss1.vcg.com/creative/vcg/800/new/VCG41N1005278750.jpg" style="width: 100%;"></a>
        </div>
        <div><a href=""><img src="https://goss1.vcg.com/creative/vcg/800/new/VCG41N1005278750.jpg" style="width: 100%;"></a>
        </div>
        <div><a href=""><img src="https://goss1.vcg.com/creative/vcg/800/new/VCG41N1005278750.jpg" style="width: 100%;"></a>
        </div>
        <div><a href=""><img src="https://goss1.vcg.com/creative/vcg/800/new/VCG41N1005278750.jpg" style="width: 100%;"></a>
        </div>
        <div><a href=""><img src="https://goss1.vcg.com/creative/vcg/800/new/VCG41N1005278750.jpg" style="width: 100%;"></a>
        </div>
    </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
<h4 class="item-title">
    <p><i class="layui-icon layui-icon-face-smile"></i>HOME_<small>想看的都在首页</small></p>
</h4>
    #for(r : blogs.list)
    <div class="item">
        <div class="item-box  layer-photos-demo1 layer-photos-demo">
            <h3><a href="/#(r.category)/detail/#(r.id)">#(r.title)</a></h3>
            <h5>发布于：<span>#date(r.createAt, "yyyy-MM-dd HH:mm:ss")</span></h5>
            <div>
                #(r.content)
            </div>
        </div>
       <!-- <div class="comment count">
            <a href="/#(r.category)/detail/#(r.id)#comment">评论</a>
            <a href="javascript:;" class="like">点赞</a>
        </div>-->
    </div>
    #end
    <!-- 分页 -->
    #@paginate(blogs.pageNumber, blogs.totalPage, "/")
#end
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#imgBroadcast'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>